*
{
    margin: 0 auto;
    padding: 0;
}
body
{
    background-color: white;
}
.Outermost
{
    width: 100%;
}
.navbar
{
    width: 100%;
    height: 60px;
    background-color: #2b5b5d;
}
.navbar a img
{
    width: 130px;
    height:50px;
}
.navbar .navbar_one
{
    float: left;
    width:85%;
    margin-left: 60px;
}

.navbar ul li
{
    
    width: 11%;
    float: left;
    list-style: none;
    line-height: 60px;
    text-align: center;
}
.navbar  .navbar_one li:first-child
{
    width: 20%;
    height: 60px;
    line-height: 100px;
}
.navbar ul li a
{
    color: white;
    text-decoration: none;
}
.navbar .navbar_two
{
    width: 10%;
    float: left;   
}
.navbar .navbar_two img
{
    width: 30px;
    height: 30px;
    border-radius: 15px;
}
.navbar .navbar_two li
{
    width: 40%;
    float: left;
    line-height: 60px;
}
.navbar .navbar_two li:nth-child(2)
{
    height: 60px;
    line-height: 80px;
}
.nav_li:nth-child(2)
{
    background-color:#41868d;
}
.nav_li:hover{
    background-color:#41868d;
}
.nav_li:hover a
{
    /* color: black; */
}
.prompt
{
    line-height: 35px;
    display: none;
    background-color: rgb(216, 216, 216);
    position: absolute;
    top: 60px;
    right: 15px;
    z-index: 888;
    width: 100px;
    height: 75px;
    border-radius: 10px;
    opacity: 0.7;
}
.prompt span a
{
    color: black;
}
.spirte1
{
    width: 45px;
    height: 100px;
    background-color:rgb(110, 108, 108);
    overflow: hidden;
    position: absolute;
    top: 150px;
    left: 20px;
    opacity:0.4;
    cursor:pointer;
}
.spirte2
{
    width: 45px;
    height: 100px;
    background-color:rgb(110, 108, 108);
    overflow: hidden;
    position: absolute;
    top: 150px;
    right: 20px;
    opacity:0.4;
    cursor:pointer;
}
.spirte2 img
{
    margin-left: -55px;
}
/*新书上架*/
.p_newbook
{
    margin-top: 30px;
    width: 100%;
}
.newbook
{
    width: 100%;
    text-align: center;
}
h2
{
    width: 100%;
    text-align: center;
    font-size: 28px;
    margin: 0 0 15px;
    font-weight: 400;
    color: #2b5b5d;
    font-weight: 600;
}h2>i
{
    display: block;
    font-size: 14px;
    color:#41868d;
}
.p_newbook>.newbook>ul {
    margin: 20px auto;
    padding: 0 0 30px;
    overflow: hidden;
    display: inline-block;
    width: 20%;
}
.p_newbook>.newbook>ul:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
    visibility: hidden
}
.p_newbook>.newbook>ul li {
    width: 200px;
    height: 300px;
    font-size: 16px;
    float: left;
    margin: 0 5px;
    position: relative;
    /* background: url(data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAVCAYAAADGpvm7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDNBNUQ3NzY3QTk4MTFFODlEMTlCRTY3RDlDNjFBRTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDNBNUQ3NzU3QTk4MTFFODlEMTlCRTY3RDlDNjFBRTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTZDRjFGNDA3QTc3MTFFODkxRENEMjFBQzI5QTU0NDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTZDRjFGNDE3QTc3MTFFODkxRENEMjFBQzI5QTU0NDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6JoDysAAAEfUlEQVR42uSY+U8TQRTHt5f1qAh4AEpBUTyi4BGPmBh/Msa/kf/EaGKMRjHiEWO864FYKYIUsSjQdn2TfCa+TKa1hQ0Wfck32+7Ozrz5vnM2FoZhMDIy0hkEQZfgi2A6WD+yU7Bd8FIQtrKica69ggOC7hYnNik4KziuiB4U7Gh1j7BEfxVUBIstru8mwS7BLP9fCK4J5tYL0ROCcTw63cL6Gmf4KYjxv8r/pfVCtJGyoJ1c3aqyiFcPk0asWOcwBuhf4dx9gqMgw73Dgr1R5TyX9EoT728QDBAJMYgYJ0J8RjVFd79gM/eMN34Q5OuscQoHyAk+ol8C3cuQnhI8YLzx7guC76QWk2p2s35J8Iarla2s0abu7WOtPuZ7HyXRzco2NqSjIkMXYIrUI8/4M86aGchPsbGqp6vogthhZdAlNXYLxfAFBH4WnBZ04Agl5gnQrUcwRncVUyTnmaOKV/fxuxi1RzcjpkvZgwdPoKAtVmd5bjzqtbPWjOCpYIF7g4TnMHNNqvEmZIcEo7SdWcEJleYCFRUBxrDXEgbIQPisutfBmreZs411H6g5jSHOY8Aw6hzdqJhQPImCzxTJRn4IbhHeg+q+2fw5wbwiOcAQn5WRAuWlQ3jUPPc+0i9rUm1eDh1C7HOTlh4L7hJh91V0BaoevfPs810EUb8qonuVAsue51VISdDvJiHhvsp1nXjTETzM1SXLNac81pLdyOaT6GGMWFB1Z5n7Nu1sdqJCy4LHqGuaOr6p4rJQY8yCquS2+JgNX1Te5Ero5PPAc0pdUl5cT2I1Crv1/HIDjhbpSXMlRL8hd+1sMFJSyku3kadL5MVFKnyvGt+m0kh1hREY8u5WjBMqA8SUIX6Sx1OeOTbW0GFNi+E8RG9yWiWdY7V3pyF0TOVk1xB2Q+11Wsx0k94W/4PHF3CafnXatNLjKbyR5ujlBt4rcB3wPMuojuQeHtWFN7skd6iCZMnLqyP1Fmf8viZ0TJDm6hnlA/pl1dwB3336o0whyRpEaS8dIgRNG/cWAqchrYfe+CVe2E5fauSJYApj2uJmupVXeFSWDblGL3PoMRs9BFlliNjrCec088U96SPRQA4fo+8+RnTZ07H19g3Oe1fg7Sa6We83c3wSPPScBfqTnhC2x1BX7Ne9G/x/hBLdzle/EOInFSk5cl6vk4/HSS2H2ZxtqYq8s58CasUY6SDdgiV2CkPoQpmsE7FxkIBoUzOu4iCHGHOHc8Blj0fPwlXFKdLfeCfwRGFZEz1BHxxzqnpVbaDkfOC5A0EdasGCJ29PsqEsxqlA0Jyau5MuZZx7zxizQ81RhNS4yp05oPV9XqNtC3kWUwQe4ED0kPntwco6xJzz/qiHzBk83CfGOYpJZ/DMCtJPQeXserJM6qmlTNrT+k17WrzcH9ap0hnV6kb0s256eYPrSr+Nwe9v3vlVpudiZKeeCL/MTa3xmnOsaU67l7hnPxFUOCB9/Zvt3b8iP+iMdpMqUqSqNn6/j2qh/53oQKWHvPPpdJfqKlYtvwQYAF52LcYV3hRTAAAAAElFTkSuQmCC) no-repeat 50%; */
    text-align: left;

}
.p_newbook>.newbook>ul li>img {
    width: 200px;
    height: 300px;
    position: absolute;
    left: 0;
    z-index: 1;
    /* border-radius: 20px; */
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.p_newbook>.newbook>ul li>div {
    border-radius: 20px;
    height: 100%;
    background: rgba(51,51,51,.6);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    padding: 20px 23px 0;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    position: relative;
    z-index: 2;
    
}
.p_newbook>.newbook>ul li>div>h2 {
    margin: 0;
    margin-top: 30px;
    color: white;
    margin-bottom: 25px;
}
.p_newbook>.newbook>ul li>div>p
{
    margin-top: 6px;
}
.p_newbook>.newbook>ul li>div>a {
    font-size: 12px;
    position: absolute;
    left: 23px;
    bottom: 50px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    opacity: 0;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    border-bottom: 1px solid blue;
    color: blue;
}
.p_newbook>.newbook>ul li>div>span {
    font-size: 12px;
    position: absolute;
    right: 23px;
    bottom: 50px
}
.p_newbook>.newbook>ul li:after {
    width: 100%;
    height: 20px;
    bottom: -20px;
    left: 0;
    background: #41868d;
    opacity: 0;
    z-index: 3
}
.p_newbook>.newbook>ul li:after,.p_newbook>.newbook>ul li>p {
    position: absolute;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in
}
.p_newbook>.newbook>ul li>p {
    margin: 0;
    left: 10px;
    bottom: 7px;
    font-size: 14px;
    color: #fff;
    max-width: calc(100% - 28px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity: 0;
}
.p_newbook>.newbook>ul li:hover>div {
    background: rgba(51,51,51,.6);
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out
}
.p_newbook>.newbook>ul li:hover>div,.p_newbook>.newbook>ul li:hover>div>a {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1
}

.p_newbook>.newbook>ul li:hover>div>a {
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out
}

.p_newbook>.newbook>ul li:hover:after {
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    opacity: 1
}

.p_newbook>.newbook>ul li:hover>p {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    opacity: 0
}

.p_newbook>.newbook>ul li:after {
    content: "";
    display: table;
    clear: both
}

.p_newbook>.newbook>a:hover {
    color: #f60
}

.p_newbook>.newbook:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    height: 100px;
    width: 96%
}

.p_newbook>.lookAdd {
    text-align: right;
}

.p_newbook>.lookAdd>a{
    color: #ccc;
    font-size: 12px;
}
.classification
{
    width: 80%;
    font-size: 13px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.classification .top
{
    width: 100%;
    height: 50px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #efefef;
    line-height: 50px;
}
.classification .top span
{
    color: #41868d;
    font-size: 20px;
    margin-left: 10px;
}
.classification .bottom
{
    width: 100%;
    height: 400px;
    margin-top: 10px;
}
.classification .bottom .bottom_left
{
    float: left;
    width: 20%;
    height: 400px;
    background-color: #f5f5f5;
}
.classification .bottom .bottom_left li
{
    list-style: none;
    width: 100%;
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #ccc;
}
.classification .bottom .bottom_left li span
{
    display: block;
    width: 100%;
    height: 65px;
    color: #909090;
    font-size: 18px;
    font-family: "黑体";
    padding-left: 10px;
}
.xuan
{
    background-color: #41868d;
    color: white;
    font-size: 22px;
}
.classification .bottom .bottom_left li :hover
{
    background-color: #41868d;
    color: white;
    font-size: 22px;
}
.classification .bottom .bottom_right
{
    float: left;
    width: 70%;
    height: 400px;
    margin-left: 25px;
}
.jQuery,.Vue,.Reat,.Node{
	line-height: 25px;
    font-size: 15px;
    margin-top: 5px;
} 
 .Vue,.Reat,.Node,.shanghai,.zhonxin{
 	display: none;
 }
 .classification .bottom .bottom_right textarea
 {
     width: 100%;
     height: 120px;
     border: none;
     font-size: 15px;  
 }
 .classification .bottom .bottom_right p {
    font-style: normal;
    font-size: 35px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #2b5b5d;
    font-weight: 600;
}
.classification .bottom .bottom_right .book
{
    width: 100%;
    height: 210px;
    text-align: center;
    border-top: 0.5px dashed #cecccc ;
}
.classification .bottom .bottom_right .book img
{
    width: 100px;
    height: 200px;
    border-radius: 15px;
    margin-right: 30px;
    margin-top: 8px;
}

.p-logoList-container {
    width: 100%;
    background: rgba(0,0,0,.02)
}

.p-logoList-container .p-logoList {
    max-width: 1200px;
    margin: 0 auto
}

.p-logoList-container .p-logoList>h2 {
    font-size: 24px;
    text-align: center;
    padding: 40px 0 30px
}

.p-logoList-container .showAdd {
    text-align: center;
    cursor: pointer;
    padding: 40px 0;
}

.p-logoList-container .showAdd img {
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
}

.p-logoList-container .showAdd .down {
    display: inline;
}
.p-logoList-container .showAdd .up {
    display: none;
}

.p-logoList-container .showAdd.active .down {
    display: none;
}
.p-logoList-container .showAdd.active .up {
    display: inline;
}

.c-logoList {
    max-width: 946px;
    font-size: 0;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.c-logoList>li {
    display: inline-block;
    width: 17%;
    height: 200px;
    overflow: hidden;
    line-height: 108px;
    margin: 10px;
    border-radius: 20px;
}

.c-logoList>li>a {
    display: block;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff
}

.c-logoList>li>a>img {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}


.floor
{
    width: 100%;
    height: 240px;
    background-color:#313446;
}
.floor ul
{
    width: 90%;
    height: 180px;
    padding-top: 20px;
    border-bottom:1px solid #8f919b;
}
.floor ul li
{
    
    float: left;
    width: 24.9%;
    height: 160px;
    border-right: 1px solid #8f919b;
    list-style: none;
    text-align: center;
}
.floor ul li:nth-child(4)
{
    border: none;
}
.floor ul li h3
{
    color: white;
    margin-top: 10px;
}
.floor  p
{
    text-align: center;
    margin: 5px;
    color: #8f919b;
}